<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
<meta charset="utf-8">
<title>托福人</title>
<link href="../c/base.css" rel="stylesheet" type="text/css">
<link href="../c/toefl.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../j/lrtk.js"></script>
<script type="text/javascript">
	function classlist() {
		$("#classForm").submit();
	}
</script>
</head>

<body>
<div class="doc1180 paddingT20 fn-clear">
	<!--页面左侧内容-->
    <div class="tfr_left">
    	<div class="tfr_itemLeft">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemListening">听力/Listening</h3>
                <a href="toToefl_classification?activity_type=1" class="viewAll">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl}">
            	<ul>
                	<li><a th:href="@{toToefl_detail(article_id=${t.article_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
		</div>
        <div class="tfr_itemRight">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemSpeaking">口语/Speaking</h3>
                <a href="toToefl_classification?activity_type=2" class="viewAll">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl2}">
            	<ul>
                	<li><a th:href="@{toToefl_detail(article_id=${t.article_id},user_id=${session.sess_user.user_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
        </div>
        <div class="tfr_itemLeft">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemReading">阅读/Reading</h3>
                <a href="toToefl_classification?activity_type=3" class="viewAll">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl3}">
            	<ul>
                	<li><a th:href="@{toToefl_detail(article_id=${t.article_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
		</div>
        <div class="tfr_itemRight">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemWriting">写作/Writing</h3>
                <a href="toToefl_classification?activity_type=4" class="viewAll">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl4}">
            	<ul>
                	<li><a th:href="@{toToefl_detail(article_id=${t.article_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
        </div>
        <div class="tfr_itemLeft">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemVocabulary">词汇/Vocabulary</h3>
                <a href="toToefl_classification?activity_type=5" class="viewAll" onclick="classlist();">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl5}">
            	<ul>
                	<li><a th:href="@{toToefl_detail(article_id=${t.article_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
		</div>
        <div class="tfr_itemRight">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemInformation">资讯/Information</h3>
                <a href="toToefl_classification?activity_type=6" class="viewAll">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl6}">
            	<ul>
                	<li><a th:href="@{toToefl_detail(article_id=${t.article_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
        </div>
        <div class="tfr_itemLeft">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemActivities">活动/Activities</h3>
                <a href="toToefl_classification?activity_type=7" class="viewAll">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl7}">
            	<ul>
                	<li><a th:href="@{toToefl_detail(article_id=${t.article_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
		</div>
        <div class="tfr_itemRight">
       		<div class="tfr_itemLeftTop">
           		<h3 class="tfr_itemPrediction">机经/Prediction</h3>
                <a href="toToefl_classification?activity_type=8" class="viewAll">view all</a>
            </div>
            <div class="tfr_itemList" th:each="t:${session.sess_toefl8}">
            	<ul>
               		 <li><a th:href="@{toToefl_detail(article_id=${t.article_id})}" th:text="${t.title}"></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--页面左侧内容 end-->
  <!--页面右侧内容-->
  <div class="doc280 fn-right">
  	<!--今日上线-->
    <div class="index_itemR">
      <div class="tfr_jrsx">
        	<h3>今日上线</h3>
            <span>+12</span>
        </div>
        <div class="index_homework">
        	<dl>
            	<dt><i class="index_homeworkIcon"><img src="../i/index_homeworkIcon_1.png" width="20" height="20"></i><a href="#" class="index_homeworkTitle">听力</a></dt>
                <dd><a href="#">控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a></dd>
            </dl>
            <dl>
            	<dt><i class="index_homeworkIcon"><img src="../i/index_homeworkIcon_2.png" width="20" height="20"></i><a href="#" class="index_homeworkTitle">听力</a></dt>
                <dd><a href="#">控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a></dd>
            </dl>
            <dl>
            	<dt><i class="index_homeworkIcon"><img src="../i/index_homeworkIcon_3.png" width="20" height="20"></i><a href="#" class="index_homeworkTitle">听力</a></dt>
                <dd><a href="#">控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a></dd>
            </dl>
            <dl>
            	<dt><i class="index_homeworkIcon"><img src="../i/index_homeworkIcon_4.png" width="20" height="20"></i><a href="#" class="index_homeworkTitle">听力</a></dt>
                <dd><a href="#">控制字数控制显示的字数控制字数控制显示的字数控制字数控制显示的字数</a></dd>
            </dl>
            
        </div>
    </div>
  <!--热门小组-->
    <div class="index_itemR">
    	<div class="index_itemRtitle">
        	<h3>热门小组</h3>
            <a href="###" class="index_itemRMore">换一换</a>
      	</div>
        <div class="index_itemRHot">
        	<dl>
            	<dt><a href="###"><img src="../i/48x48.png" width="48" height="48"></a></dt>
                <dd>
                	<div class="fn-clear">
                    	<span class="index_itemRHotName">标题请控制字数</span>
                        <span class="index_itemRHotPic"><img src="../i/index_itemRHot.png" ></span>
                        <span class="index_itemRHotNum">234567人加入</span>
                    </div>
                    <div class="index_itemRHotText">简介请控制字数</div>
                </dd>
            </dl>
            <dl>
            	<dt><a href="###"><img src="../i/48x48.png" width="48" height="48"></a></dt>
                <dd>
                	<div class="fn-clear">
                    	<span class="index_itemRHotName">你不做作就不会死</span>
                        <span class="index_itemRHotPic"><img src="../i/index_itemRHot.png" ></span>
                        <span class="index_itemRHotNum">234567人加入</span>
                    </div>
                    <div class="index_itemRHotText">你不做作就不会死你不做作就不会死你不做作就不会死</div>
                </dd>
            </dl>
            <dl>
            	<dt><a href="###"><img src="../i/48x48.png" width="48" height="48"></a></dt>
                <dd>
                	<div class="fn-clear">
                    	<span class="index_itemRHotName">你不做作就不会死</span>
                        <span class="index_itemRHotPic"><img src="../i/index_itemRHot.png" ></span>
                        <span class="index_itemRHotNum">234567人加入</span>
                    </div>
                    <div class="index_itemRHotText">你不做作就不会死你不做作就不会死你不做作就不会死</div>
                </dd>
            </dl>
        </div>
        
    </div>
    <!--热门活动-->
    <div class="index_itemR">
    	<div class="index_itemRtitle">
        	<h3>热门活动</h3>
            <a href="###" class="index_itemRMore">更多</a>
      	</div>
        <div class="tfr_hotAction">
        	<dl>
            <dt><a href="#"><img src="../i/tfr_1.png" width="281" height="85"></a></dt>
            <dd><a href="#">热门活动标题</a></dd>
            </dl>
            <dl>
            <dt><a href="#"><img src="../i/tfr_1.png" width="281" height="85"></a></dt>
            <dd><a href="#">热门活动标题</a></dd>
            </dl>
            <dl>
            <dt><a href="#"><img src="../i/tfr_1.png" width="281" height="85"></a></dt>
            <dd><a href="#">热门活动标题</a></dd>
            </dl>
      </div>
    </div>
    
    
  </div>
  <!--页面右侧内容 end-->
  
</div>

</body>
</html>
